<template>
<div class="vue_app" style="position:relative;width: 100%">
	<!--头部-->
	<header class="customHeaderStyle opacity_title my-header">
		<div class="burger">
			<i></i>
			<i></i>
			<i></i>
		</div>
		<div class="headerCustomTitle">{{title}}</div>
		<div class="right_icon">
			<a class="shopping_cart"><i class="icon njfont nj-gouwuche"></i>
				<div class="aui-badge">88</div>
			</a>
		</div>
	</header>
	<!--<div style="height: 3rem;"></div>-->
	<!--头部 end-->
</div>
</template>
<style scoped>
    .my-header{
        position: static;
        width: 100%;
	}
	.customHeaderStyle{
		position: relative;
		background: #fff;
		min-height: 3rem;
		border-bottom: 1px solid #eaeaea;
		color: #444;
		font-weight: 700;
		left: 0;
		top: 0;
		line-height: 2.25rem;
		/* z-index: 2; */
		width: 100%;
		font-size: .9rem;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.headerCustomTitle{
		overflow: hidden;
		right: 6rem;
		font-weight: 500;
		min-height: 2.25rem;
		position: absolute;
		margin: 0;
		text-align: left;
		white-space: nowrap;
		left: 3rem;
		width: auto;
		text-overflow: ellipsis;
		z-index: 2;
		font-size: 1.1rem;
		margin-top: .35rem;
		top: 1px;
	}
</style>
<script>
     export default {
     	props:['title'],
     }
</script>